import React, { Component } from 'react'
import './home.scss';
import Homehead from '../components/home/homeHead';
import Leftmenu from '../../pages/components/home/leftMenu'
import Content from '../components/home/content'
import {NavLink,Outlet} from 'react-router-dom'
class home extends Component {
  state = {}
  render () {
    return (
      <div className='home'>
          <NavLink to='/home/journey'>sssss</NavLink>
        {/* 左边菜单栏 */}
        <div className='leftMenu'>
          <Leftmenu />
        </div>
        <div className='homeRight'>
          {/* 头部 */}
          <div className='header'>
            <Homehead />
          </div>
          {/* 内容区域 */}
          <div className='content'>
            <Content />
            {/* Outlet是路由库里的组件 相当于vue的路由占位符 需要暴露出来 */}
            <Outlet></Outlet>
          </div>
        </div>
      </div>
    )
  }
}

export default home;